<!DOCTYPE html>
<html lang="zh-CN">
<head>

    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>用户管理</title>
    <style>
        td {
            vertical-align: middle !important;
        }
    </style>
    <link rel="stylesheet" href="plugin/bootstrapValidator/bootstrapValidator.min.css">
</head>
<body>
<table id="userDataTables"
       class="table table-striped table-condensed table-bordered"
       cellspacing="0" width="100%">
    <thead>
    <tr>
        <th style="width: auto;">序号</th>
        <th style="width: auto;">用户名</th>
        <th style="width: auto;">头像</th>
        <th style="width: auto;">真实姓名</th>
        <th style="width: auto;">联系方式</th>
        <th style="width: auto;">累计消费</th>
        <th style="width: auto;">操作</th>
    </tr>
    </thead>
</table>

<div class="modal fade" id="userModal" tabindex="-1" role="dialog"
     aria-labelledby="userLabel" aria-hidden="true">
    <div class="modal-dialog" style="width: 750px;">
        <div class="modal-content">
            <form class="form-horizontal" id="userForm" method="post">
                <div class="modal-header" style="min-height: 55px;">
                    <div class="col-sm-5">

                        <h4 class="modal-title" id="userLable">添加用户</h4>
                    </div>
                    <div class="col-sm-7 text-right">
                        <button type="button" class="btn btn-danger btn-sm" onclick="$('#userModal').modal('hide')">
                            <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
                        </button>
                    </div>
                </div>
                <div class="modal-body" style="max-height:500px;overflow:auto;">
                    <div class="form-group">
                        <label class="col-md-2 control-label">用户头像</label>
                        <div class="col-md-9">
                            <div class="col-md-9" style='text-align:center;'>
                                <div class="col-md-12" style='text-align:center;'>
                                    <img id="addUserPic" name="addUserPic" width="200px;"/>
                                </div>
                                <div class="col-md-12">
                                    <div id="addUserOssfile" class="addUserOssfile"></div>
                                </div>
                            </div>
                            <div class="col-md-3" style="margin-top:10%;">
                                <div id="addUserContainer">
                                    <a id="addUser" href="javascript:void(0);"class='btn btn-primary btn-sm' style="float:right;">选择图片</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group" style="text-align: left">
                        <label class="col-md-2 control-label">用户名</label>
                        <div class="col-md-4">
                            <input disabled="disabled" type="text" class="form-control" name="userName" id="userName">
                        </div>
                        <label class="col-md-1 control-label">姓名</label>
                        <div class="col-md-4">
                            <input type="text" class="form-control" name="userRealName" id="userRealName">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-2 control-label">联系电话</label>
                        <div class="col-md-4">
                            <input type="text" class="form-control" name="userPhone" id="userPhone">
                        </div>
                        <label class="col-md-1 control-label">邮箱</label>
                        <div class="col-md-4">
                            <input type="text" class="form-control" name="userEmail" id="userEmail">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-2 control-label">累计积分</label>
                        <div class="col-md-4">
                            <input type="text" class="form-control" name="userIntegral" id="userIntegral">
                        </div>
                        <label class="col-md-2 control-label">累计消费</label>
                        <div class="col-md-3">
                            <input type="text" class="form-control" name="usedMoney" id="usedMoney">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-2 control-label">所在学校</label>
                        <div class="col-md-9">
                            <input type="text" class="form-control" name="userSchool" id="userSchool">
                        </div>
                    </div>
                    <div style="display: none" class="form-group">
                        <label class="col-md-2 control-label">密码</label>
                        <div class="col-md-9">
                            <input type="text" readonly class="form-control" name="userCode" id="userCode">
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger"
                            onclick="$('#userModal').modal('hide')">
                        <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
                        关闭
                    </button>
                    <button type="submit" class="btn btn-success">
                        <span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
                        保存
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
<script src="plugin/bootstrapValidator/bootstrapValidator.min.js"></script>
<script src="system/userManage/userManage.js"></script>
<script type="text/javascript" src="h5Upload/simpleUpload.js"></script>
</body>
</html>